.wrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url("../images/wolaibangni.png") repeat;
    background-size: 100% 100vh;
}

.wrap h3 {
    color: #fff;
    position: absolute;
    top: 60%;
    font-weight: 400;
    padding: 0 25px;
    font-size: 0.45rem;
}

.wrap .invite-help {
    width: 100%;
    position: absolute;
    top: 80%;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
}

.invite-title {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 30%;
    padding: 0 25px 10px 25px;
}

.invite-title p {
    padding: 0 6% 0 5%;
    font-size: 0.3rem;
    color: rgb(59, 0, 0);
    line-height: 0.5rem;
}

.invite {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 65%;
}

.invite p,
.invite #uid {
    width: 35%;
    height: 100%;
    text-align: right;
    line-height: 30px;
    float: left;
    padding: 15px 0px;
    font-weight: 700;
    color: darkgoldenrod;
    font-size: 0.45rem;
}

.invite #uid {
    text-align: center;
    border: none;
    background: none;
    overflow: hidden;
    outline: none;
}

.btn {
    width: 25%;
    height: 80%;
    float: left;
    background: url("../images/fuzhi1.png") no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
}

.invite-button2 {
    display: block;
    background: url("../images/wolaibangni1.png") no-repeat;
    background-size: 100% 90%;
    position: absolute;
    top: 85%;
    left: 20%;
    width: 60%;
    height: 70px;
}